
import { ScaleS, ScaleT } from 'src/utils/ScreenUtil'
import {
  StyleSheet,
  Dimensions
} from 'react-native'
import { ONE_PIXEL } from '@/utils/ScreenUtil'
const SCREENW = Dimensions.get('window').width
const updateStateModalBtnStyle = {
  width: ScaleS(297),
  height: ScaleS(45),
  borderRadius: ScaleS(10),
  justifyContent: 'center',
  alignItems: 'center'
}
export const styles = StyleSheet.create({
  updateStateModalView: {
    justifyContent: 'center',
    backgroundColor: '#fff',
    alignItems: 'center',
    borderRadius: ScaleS(12),
    margin: ScaleS(5)
  },
  updateStateModalTitle: {
    marginTop: ScaleS(27),
    fontSize: ScaleT(24)
  },
  updateStateModalText: {
    marginTop: ScaleS(52),
    fontSize: ScaleT(18),
    marginBottom: ScaleS(55)
  },
  updateStateModalNoBtn: {
    ...updateStateModalBtnStyle,
    backgroundColor: '#D8D8D8',
    marginBottom: ScaleS(12)
  },
  updateStateModalYesBtn: {
    ...updateStateModalBtnStyle,
    backgroundColor: '#000',
    marginBottom: ScaleS(26)
  },
  updateStateModalNoBtnText: {
    color: '#999999'
  },
  updateStateModalYesBtnText: {
    color: '#fff'
  },
  flatList: {
    flex: 1,
    paddingHorizontal: ScaleS(0)
  },
  jobPartTimeBody: {
    borderStyle: 'solid',
    borderTopWidth: ONE_PIXEL,
    borderColor: 'rgba(120, 120, 120, 0.5)',
    backgroundColor: '#fff',
    alignItems: 'center',
    minHeight: ScaleS(440),
    paddingBottom: ScaleS(20)
  },
  button: {
    position: 'absolute',
    height: ScaleS(60),
    width: '100%',
    bottom: ScaleS(0),
    justifyContent: 'center',
    alignItems: 'center',
    flexDirection: 'row'
  },
  customButton: {
    flexDirection: 'row'
  },
  buttonText: {
    color: '#fff',
    fontSize: ScaleT(24)
  },
  buttonIcon: {
    fontSize: ScaleT(16),
    color: '#fff',
    fontWeight: ('bold', '900'),
    marginTop: ScaleS(0),
    marginLeft: ScaleS(5)
  },

  top: {
    marginLeft: ScaleS(20),
    marginRight: ScaleS(20),
    flexDirection: 'row',
    alignItems: 'flex-start'
  },
  topLeft: {
    flex: 1,
    flexDirection: 'row',
    alignItems: 'flex-start'
  },
  name: {
    fontSize: ScaleT(19),
    fontWeight: '400',
    color: '#000',
    lineHeight: ScaleS(29),
    minHeight: ScaleS(29),
    maxWidth: ScaleS(190)
  },
  tagImg: {
    marginTop: ScaleS(4),
    marginLeft: ScaleS(4),
    width: ScaleS(18),
    height: ScaleS(21),
    resizeMode: 'cover'
  },
  topRight: {
    flexDirection: 'row',
    alignItems: 'flex-start'
  },
  viewPrice: {
    marginLeft: ScaleS(20),
    marginRight: ScaleS(20),
    flexDirection: 'row'
  },
  unit: {
    marginTop: ScaleS(9),
    height: ScaleS(17),
    marginRight: ScaleS(15),
    fontSize: ScaleT(12),
    fontWeight: '500',
    color: '#999999',
    lineHeight: ScaleS(17)
  },
  bottom: {
    marginLeft: ScaleS(20),
    marginRight: ScaleS(20),
    marginTop: ScaleS(14)
  },
  bottomLeft: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'flex-start',
    flexWrap: 'wrap'
  },
  tagView: {
    marginRight: ScaleS(15),
    // paddingHorizontal: ScaleS(16),
    height: ScaleS(28)
  },
  tagText: {
    fontSize: ScaleT(12),
    fontWeight: '400',
    color: '#999999'
    // lineHeight: ScaleS(28)
  },
  bottomRight: {
    flexDirection: 'row',
    alignItems: 'flex-start',
    fontSize: ScaleT(12),
    fontWeight: '400',
    color: '#444444',
    lineHeight: ScaleS(28)
  },
  refreshView: {
    width: ScaleS(58),
    borderStyle: 'solid',
    borderWidth: ScaleS(1),
    borderColor: '#000',
    height: ScaleS(28),
    marginTop: ScaleS(-20),
    borderRadius: ScaleS(14),
    justifyContent: 'center',
    alignItems: 'center'
  },
  refreshText: {
    fontWeight: '600',
    fontSize: (12)
  },
  dataitem: {
    fontSize: ScaleT(12),
    color: 'rgba(153,153,153,1)'
  },
  cell: {
    width: SCREENW - 20,
    paddingTop: ScaleS(20),
    paddingBottom: ScaleS(15),
    borderRadius: ScaleS(10),
    backgroundColor: '#fff',
    minHeight: ScaleS(115)
  },
  customBoxShadow: {
    width: SCREENW - 20,
    shadowRadius: ScaleS(59),
    shadowOpacity: 0.67,
    marginTop: ScaleS(7),
    marginBottom: ScaleS(7),
    marginLeft: ScaleS(10),
    marginRight: ScaleS(10),
    shadowColor: '#E3E5EA',
    shadowOffset: {
      width: 0,
      height: ScaleS(2)
    },
    minHeight: ScaleS(115)
  }
})
export const empty = StyleSheet.create({
  view: {
    justifyContent: 'center',
    alignSelf: 'center',
    marginTop: ScaleS(133)
  },
  viewImg: {
    width: ScaleS(132),
    height: ScaleS(132)
  },
  viewTextone: {
    textAlign: 'center',
    color: 'rgba(166,166,166,1)',
    fontWeight: '400',
    marginTop: ScaleS(12),
    marginBottom: ScaleS(18)
  },
  viewTextTow: {
    textAlign: 'center',
    fontSize: ScaleT(13),
    color: 'rgba(40,40,40,1)'
  }
})
